.login{
    width: 100%;
    height: 100vh;
    background-image: url('../images/login_OK.jpg');
    background-size: cover;
    background-position: center;
    position: relative;
    .name{
        position: absolute;
        transform: translateY(-50%);
        top: 10%;
        left: 5%;
        font-family: serif;
    }
    &-con{
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        //margin: 0 auto;
        right:200px;
        width: 30%;
        padding: 30px;
        border-radius:25px;
        //border: 3px solid rgb(255, 255, 255);
        border: 3px solid rgba(12, 49, 117,0.8);
       // border-left-style: none;
        &-header{
            font-size: 16px;
            font-weight: 300;
            text-align: center;
            padding: 20px 0;
        }
        // .picture_left{
        //     position: absolute;
        //     right:395px;
        //     top: 50%;
        //     transform: translateY(-50%);
        //     height:278;
        //     padding: 26px 0px 26px 26px;
        //     border: 3px solid rgba(255,255,255,0.5);
        //     border-right-style: none;
        //     border-radius:25px 0 0 25px;
        // }
        .login-tip{
            font-size: 10px;
            text-align: center;
            color: #c3c3c3;
        }
    }
}